<%-- 
    Document   : index
    Created on : 04/11/2014, 15:06:00
    Author     : gabrielbmoro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>CREAS - Alegrete</title>

        <!-- Bootstrap Core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="css/business-casual.css" rel="stylesheet">

        <!-- Fonts -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>

    <body>

        <div class="brand">
            <img src="images/logoFaixaSite.png" alt="Creas - Centro de Referência Especializado de Assistência Social" style="width:60%;height:98%">
        </div>
        <div class="address-bar"></div>

        <!-- Navigation -->
 <!-- Navigation -->
        <nav class="navbar navbar-default" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
                    <a class="navbar-brand" href="index.html">Business Casual</a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="index.html">Inicial</a>
                        </li>
                    <li>
                     <a data-toggle="dropdown" href="#">
    CREAS
  </a>
  <ul class="dropdown-menu">
    <!-- Links de menu dropdown -->
    <li><a href="creaDefinicao.html">O que é o CREAS?</a></li>
    <li><a href="populacaoAdulta.html">População Adulta de Rua</a></li>
    <li><a href="mulheresVitimasViolencia.html">Mulheres Vítimas de Violência</a></li>
    <li><a href="criancasAdolescentesVitimasViolencia.html">Crianças e Adolescentes Vítimas de Violência</a></li>
    <li><a href="programaDeErraticacao.html">Programa de Erraticação do Trabalho Infantil</a></li>
    <li><a href="adolescentesInfratores.html">Adolescentes Infratores</a></li>
  </ul>
  </li>

                        <li>
                            <a href="equipe.html">Equipe</a>
                        </li>
                        <li>
                            <a href="projetos.html">Projeto</a>
                        </li>
                        <li>
                            <a href="artigos.html">Artigos</a>
                        </li>
                        <li>
                            <a href="faleConosco.html">Fale Conosco</a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>

        <div class="container">

	
            <div class="row">
			
                <div class="box">
                    <div class="col-lg-12 text-center">
					
					<!--
                        <div id="carousel-example-generic" class="carousel slide">
                            <ol class="carousel-indicators hidden-xs">
                                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            </ol>

                            <div class="carousel-inner">
                                <div class="item active">
                                    <a href=""><img class="img-responsive img-full" src="img/slide-1.jpg"  alt=""></a>
                                </div>
                                <div class="item">
                                    <img class="img-responsive img-full" src="img/slide-2.jpg" alt="">
                                </div>
                                <div class="item">
                                    <img class="img-responsive img-full" src="img/slide-3.jpg" alt="">
                                </div>
                            </div>

                            
                            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                                <span class="icon-prev"></span>
                            </a>
                            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                                <span class="icon-next"></span>
                            </a>
                        </div>

						-->
						
						
                        <h2 class="brand-before">
                            <small>Bem-Vindo ao </small>
                        </h2>
                        <h1 class="brand-name">CREAS</h1>
                        <hr class="tagline-divider">
                        <h2>
                            <small>
                                <strong>Notícias Atualizadas</strong>
                            </small>
                        </h2>
						
			 <div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h1 class="intro-text text-center">Atividade: 
                            <strong>Palestra do Projeto Ninho das Mulheres</strong>
                        </h1>
                        <hr>
                        <img class="img-responsive img-border img-left" src="images/ninho.jpg" width="25%" alt=" Uma Imagem Palestra do Projeto Ninho das Mulheres">
                        <hr class="visible-xs">
                        <p style="text-align: justify">
                           Palestra do Projeto Ninho das Mulheres, realizada no dia 19 de agosto de 2014 pela psicóloga Izabel Temp, 
						   tendo como público alvo, funcionários do Supermercado Nacional. Esta atividade, fez parte da Semana Interna de Prevenção 
						   de Acidentes de Trabalho -SIPA/2014, onde foi abordado o tema "Violência contra Mulher", bem como a distribuição de 
						   materiais informativos do referido projeto.


                        </p>
                     
                      </div>
                </div>
            </div>

			<div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h1 class="intro-text text-center">Atividade: realizada no dia 13 de outubro de 2014 - 
                            <strong> "Cuidado de Si - Percorrendo o Interior"</strong>
                        </h1>
                        <hr>
                        <img class="img-responsive img-border img-left" src="images/si1.jpg" width="25%" alt="Uma Imagem Palestra Cuidado de Si - Percorrendo o Interior">
                        <hr class="visible-xs">
                        <p style="text-align: justify">
                       Palestra "Cuidado de Si - Percorrendo o Interior", realizada no dia 13 de outubro de 2014, 
						  pela psicóloga Lisiane Dutra, junto a EMEB Francisco Mafaldo. Esta atividade contemplou alunos da faixa 
						  etária de 10 a 14 anos, e abordou o tema "Prevenção a Violência Sexual contra Crianças e Adolescentes ". 
						  Houve também a distribuição de materiais informativos do referido projeto.]



                        </p>
                     
                      </div>
                </div>
            </div>
			<div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h1 class="intro-text text-center">Atividade: realizada no dia 22 de setembro de 2014 - 
                            <strong> "Cuidado de Si - Percorrendo o Interior"</strong>
                        </h1>
                        <hr>
                        <img class="img-responsive img-border img-left" src="images/siInterior.jpg" width="25%" alt="Uma Imagem Palestra Cuidado de Si - Percorrendo o Interior">
                        <hr class="visible-xs">
                        <p style="text-align: justify">
                         Palestra "Cuidado de Si - Percorrendo o Interior", realizada no dia 22 de setembro de 2014, 
						  pela psicóloga Lisiane Dutra, junto a EMEB Constantino de S. Nunes. Esta atividade contemplou alunos das 
						  faixas etárias de 10 a 14 anos, e abordou o tema "Prevenção a Violência Sexual contra Crianças e Adolescentes ". 
						  Houve também a distribuição de materiais informativos do referido projeto.
                        </p>
                     
                      </div>
                </div>
            </div>
						
						
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <a href="login.html" class="btn-primary">Área Administrativa</a>
                </div>
                
            </div>

            <div class="row">
                <div class="box">
                    <div class="col-lg-12">
                        <hr>
                        <h2 class="intro-text text-center">Parceiros
                            <strong>do CREAS</strong>
                        </h2>
                        <hr>
                       
                        <a href="http://www.facabonitocampanha.blogspot.com.br/"><img src="images/facabonito.jpg" alt="Faça Bonito" style="width:20%;height:28%"></a>
                               <a href="http://www.fnpeti.org.br/12dejunho/"><img src="images/infaltil.jpg" alt="Campanha 12 de Junho" style="width:22%;height:28%"></a>
                        </div>
                </div>
            </div>

        </div>
        <!-- /.container -->

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <p>Copyright &copy; Creas - Alegrete 2014</p>
                    </div>
                </div>
            </div>
        </footer>

        <!-- jQuery Version 1.11.0 -->
        <script src="js/jquery-1.11.0.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Script to Activate the Carousel -->
        <script>
            $('.carousel').carousel({
                interval: 5000 //changes the speed
            })
        </script>

    </body>

</html>
